<template>
  <div class="mainapp">
    <div class="app-container">
<!--      <div>1234</div>-->
      <section class="features">
          <div class="container">
            <el-row class="rowBottom">
                 <el-col :span="12">
                       <img class="imgWidth" src="../../../assets/images/无线局.gif">
                 </el-col>
                <el-col :span="12">
                    <p class="s2p1">无线局发射台数据采集应用项目</p>
                   <hr class="frline-blue">
                   <p class="s2p2">基于数据处理交换中心打造台站统一的安播业务综合监测告警系统，将具备接入条件的传输发射各环节实时数据进行集中监控和管理。实时整合所有底层告警数据，综合分析、去重去错，快速定位故障位置，减轻值班的压力，缩短故障处理时长。</p>
<!--                   <a class="btn frbtn-blue activebtn" href="">播放</a>-->
                </el-col>
            </el-row>
             <el-row class="rowBottom">
                <el-col :span="12">
                    <p class="s2p1">中国电建集团海外投资有限公司数据分析与决策平台项目</p>
                   <hr class="frline-blue">
                   <p class="s2p2">以搭建 3 中心、构建 2 中台、提升 3 能力为目标，基于公司数据深耕，实现数字流程控制、领导全景数据，应用数字技术拓宽公司的战略选择，辅助公司应对复杂多变的市场环境，提升风控效率。并且实时掌握全局数据，准确识别业务发展规律，为公司管理者提供高效决策的有力保障。</p>
<!--                   <a class="btn frbtn-blue activebtn" href="">播放</a>-->
                </el-col>
                 <el-col :span="12">
                       <img class="imgWidth" src="../../../assets/images/电建海投.gif">
                 </el-col>
            </el-row>
             <el-row class="rowBottom">
                 <el-col :span="12">
                       <img class="imgWidth" src="../../../assets/images/北京电控.gif">
                 </el-col>
                <el-col :span="12">
                    <p class="s2p1">北京电控综合管控信息系统（中心数据库）项目</p>
                   <hr class="frline-blue">
                   <p class="s2p2">建设内容概括为<span style="color:#2849f7;font-weight:700">三一五二</span>，即采集<span style="color:#2849f7;font-weight:700">三类</span>数据，建设<span style="color:#2849f7;font-weight:700">一个</span>综合平台，服务<span style="color:#2849f7;font-weight:700">五类</span>用户，满足两个要求。融合展示经营状况，随时提供数据服务，构建平台弹性能力，快速响应管理变革，赋能团队开发能力，快速实现业务需求，形成自有知识产权，逐步形成服务能力。</p>
<!--                   <a class="btn frbtn-blue activebtn" href="">播放</a>-->
                </el-col>
            </el-row>
            <el-row class="rowBottom">
              <el-col :span="12">
                <p class="s2p1">北京市人社专题库建设项目</p>
                <hr class="frline-blue">
                <p class="s2p2">根据统计指标、数据源中所提供的数据项，设计创建农村劳动力专题数据库及数据应用平台。依据数据源更新频率，提供数据更新与日常数据采集监测采集服务。根据数据分析需求，围绕数据分析和建模需求，提供数据服务。最终基于报表模板和可视化需求提供报表统计和数据可视化页面搭建服务。</p>
<!--                <p class="s2p2">数据更新与监测服务</p>-->
<!--                <p class="s2p2">数据分析服务支撑</p>-->
<!--                <p class="s2p2">数据报表和可视化服务</p>-->
                <!--                   <a class="btn frbtn-blue activebtn" href="">播放</a>-->
              </el-col>
              <el-col :span="12">
                <img class="imgWidth" src="../../../assets/images/电建海投.gif">
              </el-col>
            </el-row>
          </div>
      </section>
    </div>
  </div>
</template>
<style lang="scss" scoped>
  section{
    padding:50px 0;
  }
  @media (min-width: 768px){
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px){
    .container {
      width: 970px;
    }
  } @media (min-width: 1200px){
    .container {
      width: 1170px;
    }
  }

  @media (min-width: 1100px){
    .container {
      width: 1200px;
    }
  }



  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .imgWidth{
    width:90%;
  }
  .s2p1{
    font-size: 22px;
    color: #333;
    margin-top: 50px;
    font-weight: 600;
  }
  .frline-blue{
    width: 60px;
    border-top: 2px solid #2849f7;
    margin: 30px 0;
  }
  .s2p2{
   font-size: 16px;
    line-height: 32px;
  }
  @media (min-width: 1100px) {
      .s2p2 {
            padding-right: 50px;
       }
 }
 .frbtn-blue {
    background-color: #ff9900;
    color: #fff;
    border: none;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 160px;
    height: 40px;
    font-size: 16px;
    line-height: 26px;
    border-radius: 20px;
}
p {
    margin: 0 0 10px;
}
.el-col-12 img{
  margin-bottom: 30px;
}
  .rowBottom{
    margin-bottom: 60px;
  }
</style>
